@mainColor: #2196f3;
.fullScreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.globalSearchWrap {
  .fullScreen;
  z-index: 17;
  .inputWrap {
    position: absolute;
    top: 4px;
    right: 100px;
    width: 700px;
    input {
      box-sizing: border-box;
      width: 100%;
      padding: 0 60px 0 40px;
      height: 46px;
      border-radius: 4px;
      outline: none;
      border: none;
    }
    &.hasResult {
      input {
        border-radius: 4px 4px 0 0;
      }
    }
    & > .icon {
      position: absolute;
      top: 13px;
      color: #9e9e9e;
      cursor: pointer;
      &:not(.searchIcon):hover {
        color: @mainColor;
      }
    }
    .searchIcon {
      left: 9px;
    }
    .hrefIcon {
      right: 44px;
    }
    .emptyIcon {
      right: 16px;
    }
  }
}
